<template>
	<view>
		<image src="https://mp-dbc47567-479b-4231-abbc-8d062394ad97.cdn.bspapp.com/avatar.jpeg"></image>
		<input type="text" v-model="user.username" placeholder="请输入用户名" />
		<input type="safe-password" v-model="user.password" placeholder="请输入密码" />
		<button @click="handleLogin">登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user: {
					username: 'test',
					password: '123456',
				}
			}
		},
		methods: {
			async handleLogin() {
				try {
					// 调用云函数
					const res = await uniCloud.callFunction({
						name: 'login', // 调用的云函数的名称
						data: this.user, // 传递给云函数的参数
					})
					// 获取到云函数调用完毕后返回的数据
					// res 是一个对象，该对象中有一个 result 属性，表示的是云函数中 return 的数据内容
					console.log('云函数调用后返回:', res)
				} catch (error) {
					console.log('error::::', error)
					uni.showToast({
						title: '异常:' + error
					})
				}
			},
		}
	}
</script>

<style>

</style>
